<template>
  <div class="demo-collapse">
    
    <el-collapse v-model="activeName" accordion>
      <h2 style="text-align: center;">Cloud computing</h2>
      <el-collapse-item title="Server" name="1">
        <div>
          Manage enterprise cloud servers, including AD domain, PLM, FTP, NAS, DHCP, DNS, Jenkins servers, etc., responsible for business system configuration, permission opening, account creation, domain control policy issuance, etc., including adding, deleting, modifying, querying, and optimizing database parameters for business databases. Responsible for migrating offline servers to the cloud.
        </div>
      </el-collapse-item>
      <el-collapse-item title="Cloud native" name="2">
        <div>
          Building cloud architecture, proficient in cloud native platforms including Alibaba Cloud, AWS, Tencent Cloud PAAS, SAAS features, including ECS/EC2 servers, OSS/S3/COS object storage, CDN, WEB application hosting, log services, container services, SSL certificates, domain name management, RDS databases, Redis databases, cloud desktops, and other product configurations/maintenance/development. Building corresponding cloud resources according to user business needs, independently connecting with different manufacturers to improve the cloud environment, improving the efficiency and coverage of cloud resources, and achieving cost reduction and efficiency increase.
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const activeName = ref('1')
</script>



<style scoped>
.el-collapse {
  --el-collapse-header-bg-color: none;
  --el-collapse-header-text-color: none;
  --el-collapse-content-bg-color: none;
  --el-collapse-content-text-color: none;
  --el-collapse-border-color: none;
  border-top: none;
  border-radius: 20px;
  padding: 0 40px;
}

</style>
